<template>
    <div>
       <p>热门搜索</p>
       <div class="hot-search">
         <span v-for="(item,index) in searchData.searchHotData" :key="index">
             {{item.first}}
         </span>
       </div>
    </div>
</template>

<script>
export default {
    props:['searchData']
  
};
</script>

<style scoped>
p{
    font-size: 14px;
    padding: 5px 15px;
}
.hot-search{
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    color: rgb(44, 44, 44);
}
.hot-search>span{
    padding: 5px 10px;
    background: white;
    border: 1px solid rgb(238, 238, 238);
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    font-size: 12px; 
}
</style>